T A S K - 1
Task 4:Create the HTML nad CSS code needed to display an ordered
list with a
specific set of CSS effects. You must use the same
information and style as shown below.
- Introduction To Web Technology
- Networks And Communications
- Object Oriented Design And Programming
- Data Management And Security
- System Analysis
- Problem Solving
- Programming Fundamentals
- Inputs & Outputs
- Programming Control Structures
- Working With Methods
- Working With Classes
- instantiating & Messaging Objects
|
Design Requirements:
- The type of symbol for the nested list must br specified inline
with the corrext CSS declaration.
- The italic styling used for the nested list should br specified inline
with the correct Css declaration.
- HTML character entities must be used where appropriate.
Please Note:
- The list should be place with the div element already provided by
the submission template.
- Use indentation within your cofe to improve its overall readability.
T A S K - 2
Task 1
Single page application (SPA) are web pages where the server transmits only a single HTML online.
Content is then dynamically filled through the use of server calls and div sections.
For the first task of this lab you will create a basic framework to support this style of web page.Part B
of the lab will involve utilizing angular to add dynamic operation.
setup
Web development strongly benefits from consistent and clean dictonary structure.This lab will take
the previous structure,one folder per checkpoint,and expand upon it.For each checkpoint in this
lab image,scripts and stylesheets should be in their own directions.This basic structure has been
provided within the web_dev directory.
All HTML content for these pages should be in an index html page:
Folder Structure -->images
--->scripts
--->styles
index.html
As with previous checkpoints the html page should contain relevant links, author
and meta tags.
Meta tags should include:
- content
- author
- keywords
- charset (UTF-8)
- viewpoint
Task Description
Using html tags and css create a replica of the provided page:
T A S K - 3
Mini Project: Task Tracker Application
Obective:
Create a simple Task Tracker application using vanilla JavaScript,HTML,
and CSS to perform
basic CURD operations o tasks.
Instructions:
- Setup Project Environment
- Create a new directory for your record
- Set up basic HTML,CAA and JavaScript files.
- Design UI
- Create a simple and user-friendly interface with the following elements:
- An input field to add new tasks.
- A button to add the task.
- A list to display all tasks.
- Buttons to edit and delete tasks.
- Implement CURD Operations
- Implement the following functionalities:
- Add Task:Add a new task to the list
- Display Tasks:Display all tasks in the list.
- Update Task:Edit an existing task.
- Delete Task:Remove a task from the list
- Test Application
- Test the application to ensure all CURD operations work as expected.
- Documentation Application
- Provide brief documentation of the application,including setup instructions and a
description of the functionalities>
Deliverables:
- Source code of the project.
- Documentation of the application.
- Screenshots or a video demonstration of the application.
T A S K - 5
- FRUITS
- MANGO
- ORANGE
- VEGETABLES
- CABBAGE
- CAPSICUM
- GREEN CAPSICUM
- YELLOW CAPSICUM
- RED CAPSICUM
|
T A S K - 6
List Of Vegetables
- Carrot
- Radish
- Sweet Corn
- FRUITS LIST
- Pomegrante
- Bananas
- Pears